<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>后台管理系统-首页</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="assets/nprogress/nprogress.css"/>
    <link rel="stylesheet" href="css/admin.css"/>
    <!--测试-->
    <!--<style>-->
        <!--.noticeBox{-->
            <!--width: 450px;-->
            <!--height: 200px;-->
            <!--background-color: #00aa88;-->
            <!--font-size: 25px;-->
            <!--line-height: 200px;-->
            <!--text-align: center;-->
        <!--}-->
    <!--</style>-->
</head>
<body>
<!--侧边栏-->
<aside class="ad_aside">
    <!--商标-->
    <div class="brand"><a href="index.html">图书馆座位预约后台</a></div>
    <!--用户-->
    <div class="user">
        <img src="images/default.png" alt=""/>
        <span>超级管理员</span>
    </div>
    <!--菜单-->
    <div class="menu">
        <ul>
            <li><a href="userManage.html"><span class="glyphicon glyphicon-user"></span> 用户管理</a></li>
            <li>
                <a href="javascript:;"><span class="glyphicon glyphicon-list"></span>&nbsp预约楼层</a>
                <div class="child" style="display: none">
                    <a href="categoryFirst.html">二楼楼层</a>
                    <a href="categorySecond.html">三楼楼层</a>
                    <a href="categoryThree.html">四楼楼层</a>
                    <a href="categoryFour.html">五楼楼层</a>
                </div>
            </li>
            <li><a href="productManage.html"><span class="glyphicon glyphicon-equalizer"></span>&nbsp积分管理</a></li>
            <li><a href="productManage2.html"><span class="glyphicon glyphicon-list"></span>&nbsp黑名单管理</a></li>
        </ul>
    </div>
</aside>
<!--内容-->
<section class="ad_section">
    <!--顶部导航-->
    <nav class="ad_nav">
        <a data-menu href="javascript:;"><span class="glyphicon glyphicon-align-justify"></span></a>
        <a data-logout href="javascript:;"><span class="glyphicon glyphicon-log-out"></span></a>
    </nav>
    <div class="container-fluid">
        <!--路径导航-->
        <ol class="breadcrumb">
            <li><a href="index.html">图书馆座位预约后台</a></li>
            <li class="active">首页</li>
        </ol>
        <div class="ad_content">
            <div class="picTable"></div>
            <div class="picTable"></div>
        </div>
    </div>
    <!--点击退出弹出-->
    <div class="modal fade" id="exit">
        <div class="modal-dialog" >
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span >&times;</span></button>
                    <h4 class="modal-title" style="color:darkorange">温馨提示</h4>
                </div>
                <div class="modal-body">
                    <p>您确定要退出图书馆后台管理系统吗？&hellip;</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <a type="button" class="btn btn-primary" href="../../tushuguan/index.html">确认</a>
                </div>
            </div>
        </div>
    </div>
    <!--&lt;!&ndash;测试&ndash;&gt;-->
    <!--<div class="noticeBox">-->
        <!--<span class="glyphicon glyphicon-remove pull-right"></span>-->
        <!--<p><b style="color:red">2—B1</b> 1号座位超时未还请及时处理</p>-->
    <!--</div>-->
</section>
<script src="assets/jquery/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/nprogress/nprogress.js"></script>
<script src="assets/echarts/echarts.min.js"></script>
<script src="js/admin.js"></script>
<script src="js/index.js"></script>
</body>
</html>